.marquee {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  /* height: 400px; 高度可以根据需要调整 */
  position: relative;
  margin-top: 50px;
}
.marquee h1{
    text-align: center;
    margin-bottom: 50px;
    font-size: 50px;
}
.marquee-content {
  display: flex;
  justify-content: space-around; /* 均匀分布 */
  width: 100%;
  animation: marquee 15s linear infinite;
}

.marquee-content img {
  height: 80px; /* 调整为合适的高度 */
  margin: 0 10px; /* 图像间距 */
}

.right {
  animation-name: marquee-right;
}

.left {
  animation-name: marquee-left;
}

@keyframes marquee-right {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

@keyframes marquee-left {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}
